<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>官方预约平台 - 无忧体检网</title>
    <meta name="description" content="无忧体检中心官方预约平台 - 无忧体检网">
    <meta name="keywords" content="体检，体检中心，无忧体检预约">

<!--    导入elementui vue.js-->
    <link rel="stylesheet" th:href="@{/elementui/index.css}">
    <script th:src="@{/elementui/vue.js}"></script>
    <script th:src="@{/elementui/index.js}"></script>
    <script th:src="@{/js/axios.min.js}"></script>


    <link href="css/reset.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/calendar.css">
    <link href="css/swiper-3.2.7.min.css" rel="stylesheet">
    <link href="css/custom.css" rel="stylesheet">
    <link href="css/jingmei.css" rel="stylesheet">
    <link href="css/pspecial.css" rel="stylesheet">
    <link href="css/logon_new.css" rel="stylesheet">
    <!--—[if lt IE 9]-->
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <!--[endif]—-->
    <link type="text/css" rel="stylesheet" href="css/laydate.css">
    <link type="text/css" rel="stylesheet" href="css/laydate_new.css" id="LayDateSkin">
</head>

<body>
<div id="app">

    <!-- Header  -->
    <div class="header header_index">
        <div class="container head clear">
            <div class="headleft fl">
                <ul class="clear">
                    <li class="fl"><a href="/">预约中心首页</a></li>
                    <li class="fl"><a href="#">体检</a></li>
                    <li class="fl"><a href="#">检前</a></li>
                    <li class="fl"><a href="#">检后</a></li>
                </ul>
            </div>
            <div class="fr headright clear">
                <div class="logintips fl">
                    <a href="/toPage/login" rel="nofollow" v-if="loginUser==null">请登录</a>
                    <span class="line" v-if="loginUser==null">|</span>
                    <a href="/toPage/register" rel="nofollow" v-if="loginUser==null">免费注册</a>
                    <a href="/toPage/Personal" rel="nofollow" v-if="loginUser!=null">个人中心</a>
                    <el-dropdown v-if="loginUser!=null">
  <span class="el-dropdown-link">
    退出<i class="el-icon-s-tools"></i>
  </span>
                        <el-dropdown-menu slot="dropdown">
                            <span style="display:block;"><a href="#" @click="logout()">退出登录</a></span>
                        </el-dropdown-menu>
                    </el-dropdown>
                </div>
            </div>
        </div>
    </div>

    <div class="main">
        <div class="mainnav container clear">
            <div class="logo fl clear">
                <a href="#" class="fl"><img src="img/big_logo.png" class="full"></a>
            </div>
            <div class="choose fl clear">
                <div class="select_box fl clear">
                    <div class="search-dq clear">
                        <div class="search_fill fl">
                            <span class="fr num"><img src="img/sousuo.png" class="full"></span>
                        </div>
                    </div>
                </div>
                <div class="search fl clear">
                    <div class="searchbox clear">
                        <span class="searchicon"><img src="img/search.png"></span>
                        <input type="text" name="search_key" class="search_input fl" value="" placeholder="请输入体检套餐">
                        <input type="submit" value="搜 索" id="btn_search" name="btnSearch" class="fl btn_search yf-js-keyword">
                    </div>
                    <div class="searchlink">
                        <ul class="clear">
                            <li><a href="#">入职体检</a></li>
                            <li><a href="#">员工体检</a></li>
                            <li><a href="#">父母尊享</a></li>
                            <li><a href="#">妇科检查</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="navbar navbar_check1 clear">
            <div class="container clear">
                <div class="quick_check1 fl">
                    <p class="quickchoose">体检预约中心</p>
                </div>
                <ul class="ul fl clear nav">
                    <li class="active"><a href="#">首页</a></li>
                    <li><a href="#">套餐选取</a></li>
                    <li><a href="#">医师服务</a></li>
                    <li><a href="#">高端检验</a></li>
                    <li><a href="#">员工团检</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- Header End -->
    <div class="container">
        <div class="content content_check clear">
            <!-- 左侧菜单  -->
            <div class="side_check fl">
                <div class="quick2 clear">
                    <div class="quick2-box">
                        <div class="icon fl"></div>
                        <div class="fl">
                            <p class="title">体检套餐</p>
                            <ul class="clear quick2-list">
                                <li class="fl"><a href="#">入职体检</a></li>
                                <li class="fl"><a href="#">重点疾病</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="quick3 hide">
                        <div class="quick3-box clear">
                            <h5>热门套餐</h5>
                            <div class="quick3-list">
                                <ul class="clear">
                                    <li class="fl">
                                        <a href="#?=253">入职体检</a>
                                    </li>
                                    <li class="fl">
                                        <a href="#?=273">父母尊享</a>
                                    </li>
                                    <li class="fl">
                                        <a href="#?=274">女性专享</a>
                                    </li>
                                    <li class="fl">
                                        <a href="#?=249">老年体检</a>
                                    </li>
                                    <li class="fl">
                                        <a href="#?=251">妇科检查</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="quick3-box clear">
                            <h5>重点疾病</h5>
                            <div class="quick3-list">
                                <ul class="clear">
                                    <li class="fl">
                                        <a href="#?w=157">防癌筛选</a>
                                    </li>
                                    <li class="fl">
                                        <a href="#?w=145">心脑血管</a>
                                    </li>
                                    <li class="fl">
                                        <a href="#?w=280">胃肠维护</a>
                                    </li>
                                    <li class="fl">
                                        <a href="#?w=280">骨质监测</a>
                                    </li>
                                    <li class="fl">
                                        <a href="#?w=235">妇科检验</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="quick3-box clear">
                            <h5>价格区间</h5>
                            <div class="quick3-list">
                                <ul class="clear">
                                    <li class="fl">
                                        <a href="#?r=300%E4%BB%A5%E4%B8%8B">0 ~ 200</a>
                                    </li>
                                    <li class="fl">
                                        <a href="#?r=300-800">200 ~ 500</a>
                                    </li>
                                    <li class="fl">
                                        <a href="#?r=800-1500">500 ~ 1000</a>
                                    </li>
                                    <li class="fl">
                                        <a href="#?r=1500-2500">1000 ~ 2500</a>
                                    </li>
                                    <li class="fl">
                                        <a href="#?r=2500-3500">2500 以上</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="quick2 clear">
                    <div class="quick2-box">
                        <div class="icon fl"></div>
                        <div class="fl">
                            <p class="title">团购特惠</p>
                            <ul class="clear quick2-list">
                                <li class="fl"><a href="#">父母尊享</a></li>
                                <li class="fl"><a href="#">特色体检</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="quick3 hide">
                        <div class="quick3-box clear">
                            <h5>父母尊享</h5>
                            <div class="quick3-list">
                                <ul class="clear">
                                    <li class="fl">
                                        <a href="#">关爱父母金卡</a>
                                    </li>
                                    <li class="fl">
                                        <a href="#">关爱父母铂金卡</a>
                                    </li>
                                    <li class="fl">
                                        <a href="#">关爱父母钻石卡</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="quick3-box clear">
                            <h5>特色体检</h5>
                            <div class="quick3-list">
                                <ul class="clear">
                                    <li class="fl">
                                        <a href="#">专项防癌筛查</a>
                                    </li>
                                    <li class="fl">
                                        <a href="#">全面妇科检查</a>
                                    </li>
                                    <li class="fl">
                                        <a href="#">女性专项套餐</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="quick3-box clear">
                            <h5>常规体检</h5>
                            <div class="quick3-list">
                                <ul class="clear">
                                    <li class="fl">
                                        <a href="#">常规体检卡</a>
                                    </li>
                                    <li class="fl">
                                        <a href="#">常规体检银卡</a>
                                    </li>
                                    <li class="fl">
                                        <a href="#">常规体检金卡</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="quick3-box clear">
                            <h5>全面体检</h5>
                            <div class="quick3-list">
                                <ul class="clear">
                                    <li class="fl">
                                        <a href="#">银卡会员</a>
                                    </li>
                                    <li class="fl">
                                        <a href="#">金卡会员</a>
                                    </li>
                                    <li class="fl">
                                        <a href="#">铂金会员</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="quick2 clear">
                    <div class="quick2-box">
                        <div class="icon fl"></div>
                        <div class="fl">
                            <p class="title">检前指导</p>
                            <ul class="clear quick2-list">
                                <li class="fl"><a href="#">套餐筛选</a></li>
                                <li class="fl"><a href="#">私人定制</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="quick3 hide">
                        <div class="quick3-box clear">
                            <h5>套餐筛选</h5>
                            <div class="quick3-list">
                                <ul class="clear">
                                    <li class="fl">
                                        <a href="#">在线咨询</a>
                                    </li>
                                    <li class="fl">
                                        <a href="#">电话咨询</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="quick3-box clear">
                            <h5>私人定制</h5>
                            <div class="quick3-list">
                                <ul class="clear">
                                    <li class="fl">
                                        <a href="#" target="_blank">一对一咨询</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="quick2 clear">
                    <div class="quick2-box">
                        <div class="icon fl"></div>
                        <div class="fl">
                            <p class="title">专业团队</p>
                            <ul class="clear quick2-list">
                                <li class="fl"><a href="#">主任医师</a></li>
                                <li class="fl"><a href="#">行业权威</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="quick3 hide">
                        <div class="quick3-box clear">
                            <h5>团队医师</h5>
                            <div class="quick3-list">
                                <ul class="clear">
                                    <li class="fl">
                                        <a href="#?=618">长孙筱 <span style="font-size: 6px;"> (院长)</span></a>
                                    </li>
                                    <li class="fl">
                                        <a href="#?=467">邢初之<span style="font-size: 6px;"> (主任医师)</span></a>
                                    </li>
                                    <li class="fl">
                                        <a href="#?=467">段景曜<span style="font-size: 6px;"> (主任医师)</span></a>
                                    </li>
                                    <li class="fl">
                                        <a href="#?=467">闵斌<span style="font-size: 6px;"> (主任医师)</span></a>
                                    </li>
                                    <li class="fl">
                                        <a href="#?=467">官祺<span style="font-size: 6px;"> (主任医师)</span></a>
                                    </li>
                                    <li class="fl">
                                        <a href="#?=467">张简晖<span style="font-size: 6px;"> (主任医师)</span></a>
                                    </li>
                                    <li class="fl">
                                        <a href="#?=467">何卓君<span style="font-size: 6px;"> (副主任医师)</span></a>
                                    </li>
                                    <li class="fl">
                                        <a href="#?=467">庞同方<span style="font-size: 6px;"> (主任医师)</span></a>
                                    </li>
                                    <li class="fl">
                                        <a href="#?=467">伟静慧<span style="font-size: 6px;"> (副主任医师)</span></a>
                                    </li>
                                    <li class="fl">
                                        <a href="#?=467">香南琴<span style="font-size: 6px;"> (副主任医师)</span></a>
                                    </li>
                                    <li class="fl">
                                        <a href="#?=467">王铎<span style="font-size: 6px;"> (妇科副主任)</span></a>
                                    </li>
                                    <li class="fl">
                                        <a href="#?=467"><span style="font-size: 6px;">更多医师</span></a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="quick3-box clear">
                            <h5>获得荣誉</h5>
                            <div class="quick3-list">
                                <ul class="clear">
                                    <li class="fl">
                                        <a href="#?r=33">专业体检中心</a>
                                    </li>
                                    <li class="fl">
                                        <a href="#?r=34">群众满意的医疗机构</a>
                                    </li>
                                    <li class="fl">
                                        <a href="#?r=296">精神文明建设先进集体</a>
                                    </li>
                                    <li class="fl">
                                        <a href="#?r=297">卫生部改革创新医院</a>
                                    </li>
                                    <li class="fl">
                                        <a href="#?r=299">全人服务奖</a>
                                    </li>
                                    <li class="fl">
                                        <a href="#?r=395">服务管理先进单位</a>
                                    </li>
                                    <li class="fl">
                                        <a href="#?r=395">省级医美机构为副会长单位</a>
                                    </li>
                                    <li class="fl">
                                        <a href="#?r=395">全国健康管理示范基地</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 左侧菜单 end -->
            <!-- 轮训广告 -->
            <div class="index-swiper swiper-container swiper-container-banner fl">
                <div class="swiper-wrapper"
                     style="width: 2760px; height: 420px; transform: translated(-1380px, 0px, 0px); transition-duration: 0.3s;">
<!--                    遍历后端查询出的数据-->
                    <div th:each="item,items:${ImageList}" class="swiper-slide swiper-slide-duplicate" style="width: 690px; height: 420px;">
                        <a href="#?p=274"><img style="width: 690px; height: 420px;" src="/img/banner_01.png" th:src="${item.getUrl()}" alt="专业"
                                               class="full"></a>
                    </div>

                </div>
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
                <div class="pagination"><span class="swiper-pagination-switch"></span><span class="swiper-pagination-switch swiper-visible-switch swiper-active-switch"></span></div>
            </div>
            <!-- 轮训广告 End-->
            <!-- 快捷搜索 -->
            <div class="searchlist fl">
                <h1>精准找套餐</h1>
                <p>专业服务，为您健康保驾护航</p>
                <div class="search-dq clear">
                    <span class="fl name">类别:</span>
                    <div class="search_fill fl">
                        <span class="fr num">不限</span>
                        <div class="combo-arrow"></div>
                        <ul class="combo-dropdown">
                            <li class="option-item option-selected option-hover" data-index="0" data-value="0">不限</li>
                            <li class="option-item" data-index="1" data-value="253">入职体检</li>
                            <li class="option-item" data-index="1" data-value="286">常规体检</li>
                            <li class="option-item" data-index="1" data-value="249">老年体检</li>
                            <li class="option-item" data-index="1" data-value="282">普通人群</li>
                            <li class="option-item" data-index="1" data-value="272">儿童体检</li>
                            <li class="option-item" data-index="1" data-value="298">基因检测</li>
                        </ul>
                        <input type="hidden" name="package" placeholder="" class="combo-input text-input" value="0">
                    </div>
                </div>
                <div class="search-dq clear">
                    <span class="fl name">价位:</span>
                    <div class="search_fill fl">
                        <span class="fr num">不限</span>
                        <div class="combo-arrow"></div>
                        <ul class="combo-dropdown">
                            <li class="option-item option-selected option-hover" data-index="0" data-value="0">不限</li>
                            <li class="option-item" data-index="1" data-value="0-200">0-200</li>
                            <li class="option-item" data-index="1" data-value="200-500">200-500</li>
                            <li class="option-item" data-index="1" data-value="500-1000">500-1000</li>
                            <li class="option-item" data-index="1" data-value="1000-2500">1000-2500</li>
                            <li class="option-item" data-index="1" data-value="2500以上">2500以上</li>
                        </ul>
                        <input type="hidden" name="price" placeholder="" class="combo-input text-input" value="0">
                    </div>
                </div>
                <div class="search-dq clear">
                    <span class="fl name">项目:</span>
                    <div class="search_fill fl">
                        <span class="fr num">不限</span>
                        <div class="combo-arrow"></div>
                        <ul class="combo-dropdown">
                            <li class="option-item option-selected option-hover" data-index="0" data-value="0">不限</li>
                            <li class="option-item" data-index="1" data-value="157">防癌筛查</li>
                            <li class="option-item" data-index="1" data-value="280">肝胆胃肠</li>
                            <li class="option-item" data-index="1" data-value="238">心脑血管</li>
                            <li class="option-item" data-index="1" data-value="149">骨质疏松</li>
                            <li class="option-item" data-index="1" data-value="237">乳腺肿瘤</li>
                            <li class="option-item" data-index="1" data-value="235">妇科疾病</li>
                        </ul>
                        <input type="hidden" name="age" placeholder="" class="combo-input text-input" value="0">
                    </div>
                </div>
                <div class="search-dq clear">
                    <span class="fl name">方案:</span>
                    <div class="search_fill fl">
                        <span class="fr num">不限</span>
                        <div class="combo-arrow"></div>
                        <ul class="combo-dropdown">
                            <li class="option-item option-selected option-hover" data-index="0" data-value="0">不限</li>
                            <li class="option-item" data-index="1" data-value="480">定期性体检</li>
                            <li class="option-item" data-index="1" data-value="472">预防性体检</li>
                            <li class="option-item" data-index="1" data-value="612">鉴定性体检</li>
                            <li class="option-item" data-index="1" data-value="612">科研性体检</li>
                        </ul>
                        <input type="hidden" name="district" placeholder="" class="combo-input text-input" value="0">
                    </div>
                </div>
                <div class="search-dq clear radio">
                    <span class="fl name">性别:</span>
                    <div class="sex fl">
                        <input type="radio" name="sex" value="0" checked="checked">不限
                        <input type="radio" name="sex" value="1">男
                        <input type="radio" name="sex" value="2">女
                    </div>
                </div>
                <input type="submit" class="submitbtn yf-js-search" value="立即搜索">
            </div>
            <!-- 快捷搜索 End -->
        </div>
        <div class="content contentset content_set content_check clear">
            <div class="tijian_set fl">
                <div class="set_name clear">
                    <span class="fl b_blue">体检套餐</span>
                </div>
                <!-- 套餐信息 -->
                <div class="set_list_all set_list_all_set">
                    <div class="set_list clear">
                        <a th:each="item,itemStat:${setMealList}" th:href="@{'/set-meal?id='+${item.id}}" class="pos-relate set_detail fl" style="margin-left: 0px;">
                            <img th:src="@{${item.img}}" class="full">
                            <p class="intro-content" th:text="${item.remark}">
                                针对各年龄段成年人的常规体检方案，检查的重点是心肺、肝胆胰脾肾、甲状腺、颈椎、前列腺等重要器官，对高血压、高血脂、高血糖、常见肿瘤、胃肠疾病、幽门螺杆菌进行健康初筛和预防。
                            </p>
                            <p class="set-name" th:text="${item.name}">基础体检套餐(男)</p>
                            <div class="money clear">
                                <p class="fl"><span class="b_orange f16" th:text="${item.price}">￥1280.00</span></p>
                                <span class="money_del fl" th:text="${item.price}*2">原价：2334.00</span>
                                <p class="fr">已售：<span class="b_orange" th:text="${item.sales}">164</span></p>
                            </div>
                        </a>

                    </div>
                </div>
                <!-- 套餐信息 End -->
            </div>
            <!-- 定制信息 -->
            <div class="sidebar_check fl">
                <div class="searchlist fl" id="made">
                    <h1>个性化定制</h1>
                    <div class="search-dq" style="text-align:left;">
                        <div class="search_fill">
                            <span class="fr num">是否体检过</span>
                            <div class="combo-arrow"></div>
                            <ul class="combo-dropdown">
                                <li class="option-item option-selected option-hover" data-index="0" data-value="0">是否体检过
                                </li>
                                <li class="option-item" data-index="1" data-value="是">是</li>
                                <li class="option-item" data-index="1" data-value="否">否</li>
                            </ul>
                            <input type="hidden" placeholder="" class="combo-input text-input" value="是否体检过">
                        </div>
                    </div>
                    <div class="search-dq" style="text-align:left;">
                        <div class="search_fill">
                            <span class="fr num">是否已婚</span>
                            <div class="combo-arrow"></div>
                            <ul class="combo-dropdown">
                                <li class="option-item option-selected option-hover" data-index="0" data-value="0">是否已婚
                                </li>
                                <li class="option-item" data-index="1" data-value="已婚">已婚</li>
                                <li class="option-item" data-index="1" data-value="未婚">未婚</li>
                            </ul>
                            <input type="hidden" placeholder="" class="combo-input text-input" value="是否体检过">
                        </div>
                    </div>
                    <div class="search-dq" style="text-align:left;">
                        <div class="search_fill">
                            <span class="fr num">体检目的</span>
                            <div class="combo-arrow"></div>
                            <ul class="combo-dropdown">
                                <li class="option-item option-selected option-hover" data-index="0" data-value="0">体检目的
                                </li>
                                <li class="option-item" data-index="1" data-value="常规体检">常规体检</li>
                                <li class="option-item" data-index="1" data-value="深度体检">深度体检</li>
                                <li class="option-item" data-index="1" data-value="疾病随访">疾病随访</li>
                                <li class="option-item" data-index="1" data-value="其他">其他</li>
                            </ul>
                            <input type="hidden" placeholder="" class="combo-input text-input" value="体检目的">
                        </div>
                    </div>
                    <div class="search-dq" style="text-align:left;">
                        <div class="search_fill">
                            <span class="fr num">性别</span>
                            <div class="combo-arrow"></div>
                            <ul class="combo-dropdown">
                                <li class="option-item option-selected option-hover" data-index="0" data-value="0">性别
                                </li>
                                <li class="option-item" data-index="1" data-value="男">男</li>
                                <li class="option-item" data-index="1" data-value="女">女</li>
                            </ul>
                            <input type="hidden" placeholder="" class="combo-input text-input" value="是否体检过">
                        </div>
                    </div>
                    <div class="search-dq" style="text-align:left;">
                        <div class="search_fill">
                            <span class="fr num">健康状况</span>
                            <div class="combo-arrow"></div>
                            <ul class="combo-dropdown">
                                <li class="option-item option-selected option-hover" data-index="0" data-value="0">健康状况
                                </li>
                                <li class="option-item" data-index="1" data-value="健康">健康</li>
                                <li class="option-item" data-index="1" data-value="良好">良好</li>
                                <li class="option-item" data-index="1" data-value="一般">一般</li>
                                <li class="option-item" data-index="1" data-value="易生病">易生病</li>
                            </ul>
                            <input type="hidden" placeholder="" class="combo-input text-input" value="是否体检过">
                        </div>
                    </div>
                    <div class="search-dq" style="text-align:left;">
                        <div class="search_fill">
                            <span class="fr num">饮食习惯</span>
                            <div class="combo-arrow"></div>
                            <ul class="combo-dropdown">
                                <li class="option-item option-selected option-hover" data-index="0" data-value="0">饮食习惯
                                </li>
                                <li class="option-item" data-index="1" data-value="清淡饮食">清淡饮食</li>
                                <li class="option-item" data-index="1" data-value="高脂高盐饮食">高脂高盐饮食</li>
                                <li class="option-item" data-index="1" data-value="荤素合理">荤素合理</li>
                                <li class="option-item" data-index="1" data-value="其他">其他</li>
                            </ul>
                            <input type="hidden" placeholder="" class="combo-input text-input" value="是否体检过">
                        </div>
                    </div>
                    <div class="search-dq" style="text-align:left;">
                        <div class="search_fill">
                            <span class="fr num">运动习惯</span>
                            <div class="combo-arrow"></div>
                            <ul class="combo-dropdown">
                                <li class="option-item option-selected option-hover" data-index="0" data-value="0">运动习惯
                                </li>
                                <li class="option-item" data-index="1" data-value="经常运动">经常运动</li>
                                <li class="option-item" data-index="1" data-value="偶尔运动">偶尔运动</li>
                                <li class="option-item" data-index="1" data-value="不运动">不运动</li>
                            </ul>
                            <input type="hidden" placeholder="" class="combo-input text-input" value="是否体检过">
                        </div>
                    </div>
                    <div class="search-dq" style="text-align:left;">
                        <div class="search_fill">
                            <span class="fr num">生活习惯</span>
                            <div class="combo-arrow"></div>
                            <ul class="combo-dropdown">
                                <li class="option-item option-selected option-hover" data-index="0" data-value="0">生活习惯
                                </li>
                                <li class="option-item" data-index="1" data-value="经常熬夜">经常熬夜</li>
                                <li class="option-item" data-index="1" data-value="经常抽烟饮酒">经常抽烟饮酒</li>
                                <li class="option-item" data-index="1" data-value="经常失眠">经常失眠</li>
                                <li class="option-item" data-index="1" data-value="其他">其他</li>
                            </ul>
                            <input type="hidden" placeholder="" class="combo-input text-input" value="是否体检过">
                        </div>
                    </div>
                    <div class="search-dq form-person clear" style="text-align:left;">
                        <label class="fl">称呼</label>
                        <input type="text" name="name" class="fl form-control-person">
                    </div>
                    <div class="search-dq form-person clear" style="text-align:left;">
                        <label class="fl">电话</label>
                        <input type="text" name="tel" class="fl form-control-person">
                    </div>
                    <!-- ljz 21060718 增加一个弹出框 -->
                    <title>display</title>
                    <script type="text/javascript">
                        function showtext() {
                            alert("暂未开通");
                            var mychar = document.getElementById("con");
                            mychar.style.display = "block";
                        }
                    </script>
                    <!--                     <input type="submit"class="submitbtn" onclick="showtext()" value="立即定制">-->
                    <input type="submit" class="submitbtn" id="d_sub" value="立即定制">
                </div>
            </div>
            <!-- 定制信息 End -->
        </div>
        <!-- 特色服务 -->
        <div class="contentset contentall">
            <div class="tijian_set">
                <div class="set_name clear">
                    <span class="fl b_blue">特色服务</span>
                </div>
                <div class="classify_check clear">
                    <div class="fl class_pic" style="width: 60%;">
                        <div class="class_pic_text">
                            <img src="img/vip.webp" class="full">
                            <a href="#" class="class_out">
                                <h1>VIP体检，为您提供全面细致、贴心温馨、高品质的专属私人体检服务</h1>
                            </a>
                        </div>
                    </div>
                    <div class="fl class_pic" style="width: 38%;">
                        <div class="class_pic_text class_pic_text2">
                            <img src="img/qw.webp" class="full">
                            <a href="#" class="class_out">
                                <h1>更权威、更专业、价格更透明的健康体检</h1>
                            </a>
                        </div>
                        <div class="class_pic_text class_pic_text2">
                            <img src="img/jyjc.jpg" class="full">
                            <a href="#?=298" class="class_out">
                                <h1>爱在遗传，情在天赋，用你的基因来评测。提前预知高发肿瘤、常见疾病的发病几率，以及儿童天赋检测，更好地规避潜在风险、预测未来</h1>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 特色服务 End -->
        <!-- 检前须知 -->
        <div class="contentset contentall content_after clear">
            <div class="tijian_set fl">
                <div class="set_name clear">
                    <span class="fl b_blue">检前须知</span>
                </div>
                <div class="set_list_all set_list_all_after">
                    <div class="set_list clear ">
                        <div class="set_com set_com_article fl clear">
                            <a href="#" class="full fl" style="display:block;float:left;width:50%;background-size:100% auto;">
                                <img src="img/u438.png" class="full fl" style="width:97%;">
                            </a>
                            <div class="article_com fl">
                                <h1 class="b_blue">检前须知</h1>
                                <p>体检前注意事项有哪些？你必须知道的N件小事...<a href="a/254.html" class="b_blue">详细&gt;&gt;</a></p>
                            </div>
                        </div>
                        <ul class="set_com fl">
                            <li class="clear">
                                <span class="blue_circle"></span>
                                <div class="com_link">
                                    <a href="#" class="com_link_a_content">预约流程</a>
                                    <div class="fr clear com_link_a_time">
                                        <a href="#" class="fr">2022-01-30</a>
                                    </div>
                                </div>
                            </li>
                            <li class="clear">
                                <span class="blue_circle"></span>
                                <div class="com_link">
                                    <a href="#" class="com_link_a_content">社保支持</a>
                                    <div class="fr clear com_link_a_time">
                                        <a href="#" class="fr">2022-01-30</a>
                                    </div>
                                </div>
                            </li>
                            <li class="clear">
                                <span class="blue_circle"></span>
                                <div class="com_link">
                                    <a href="#" class="com_link_a_content">全面体检</a>
                                    <div class="fr clear com_link_a_time">
                                        <a href="#" class="fr">2022-01-30</a>
                                    </div>
                                </div>
                            </li>
                            <li class="clear">
                                <span class="blue_circle"></span>
                                <div class="com_link">
                                    <a href="#" class="com_link_a_content">驾照体检</a>
                                    <div class="fr clear com_link_a_time">
                                        <a href="#" class="fr">2022-01-30</a>
                                    </div>
                                </div>
                            </li>
                        </ul>
                        <ul class="set_com fl">
                            <li class="clear">
                                <span class="blue_circle"></span>
                                <div class="com_link">
                                    <a href="#" class="com_link_a_content">孕检</a>
                                    <div class="fr clear com_link_a_time">
                                        <a href="#" class="fr">2022-02-13</a>
                                    </div>
                                </div>
                            </li>
                            <li class="clear">
                                <span class="blue_circle"></span>
                                <div class="com_link">
                                    <a href="#" class="com_link_a_content">妇科</a>
                                    <div class="fr clear com_link_a_time">
                                        <a href="#" class="fr">2022-02-13</a>
                                    </div>
                                </div>
                            </li>
                            <li class="clear">
                                <span class="blue_circle"></span>
                                <div class="com_link">
                                    <a href="#" class="com_link_a_content">男科</a>
                                    <div class="fr clear com_link_a_time">
                                        <a href="#" class="fr">2022-02-13</a>
                                    </div>
                                </div>
                            </li>
                            <li class="clear">
                                <span class="blue_circle"></span>
                                <div class="com_link">
                                    <a href="#" class="com_link_a_content">体检前的注意事项，你知道多少呢</a>
                                    <div class="fr clear com_link_a_time">
                                        <a href="#" class="fr">2022-02-16</a>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- 检前须知 End -->
    </div>
    <!-- Footer -->
    <div class="footer">
        <div class="container clear">
            <div class="footerdetail clear fl">
                <div class="footerlist fl">
                    <a href="javascript:;" class="footertitle" rel="nofollow">关于我们</a>
                    <ul>
                        <li><a href="#" rel="nofollow">平台简介</a></li>
                        <li><a href="#" rel="nofollow">招贤纳士</a>
                        </li>
                        <li><a href="#" rel="nofollow">联系我们</a>
                        </li>
                    </ul>
                </div>
                <div class="footerlist fl">
                    <a href="javascript:;" class="footertitle" rel="nofollow">售后服务</a>
                    <ul>
                        <li><a href="#" rel="nofollow">退款说明</a></li>
                        <li><a href="#" rel="nofollow">检后服务</a>
                        </li>
                        <li><a href="#" rel="nofollow">监督电话</a>
                        </li>
                    </ul>
                </div>
                <div class="footerlist fl">
                    <a href="javascript:;" class="footertitle" rel="nofollow">常见事项</a>
                    <ul>
                        <li><a href="#" rel="nofollow">检前须知</a>
                        </li>
                        <li><a href="#" rel="nofollow">预约流程</a>
                        </li>
                        <li><a href="#" rel="nofollow">体检流程</a>
                        </li>
                    </ul>
                </div>
                <div class="footerlist fl">
                    <a href="javascript:;" class="footertitle" rel="nofollow">新手指南</a>
                    <ul>
                        <li><a href="#" rel="nofollow">会员注册</a></li>
                        <li><a href="#" rel="nofollow">用户登录</a></li>
                        <li><a href="#" rel="nofollow">找回密码</a></li>
                    </ul>
                </div>
                <div class="footerlist fl">
                    <a href="javascript:;" class="footertitle" rel="nofollow">机构对接</a>
                    <ul>
                        <li><a href="#" rel="nofollow">渠道合作</a>
                        </li>
                        <li><a href="#" rel="nofollow">机构入驻</a>
                        </li>
                        <li><a href="#" rel="nofollow">广告服务</a>
                        </li>
                    </ul>
                </div>
                <div class="code_nav fr clear">
                    <p class="fl">持续技术支持</p>
                    <img src="img/yg.png" class="full fl">
                </div>
            </div>
            <div class="footernum telnum fl">
                <p class="clear"><span class="fl">无忧体检</span></p>
                <h1>官方预约平台</h1>
            </div>
        </div>
        <div class="footerlink container">
            <div class="footercopy">
                <p><br>
                    <span>猿谷网络提供技术支持 @ DancingHorse600</span>
                </p>
                <p>apevale.com</p>
            </div>
        </div>
    </div>
</div>
    <!--Footer End  -->

    <script src="js/crypto-aes.js"></script>
    <script src="js/crypto-mode-ecb.js"></script>
    <script src="js/crypto-pad-nopadding.js"></script>
    <script src="js/jquery-1.12.0.min.js"></script>
    <script src="js/swiper-3.2.7.jquery.min.js"></script>
    <script src="js/calendar.js"></script>
    <script src="js/commonLib.js"></script>
    <script src="js/main.js"></script>
    <script src="js/jquery.include.js"></script>
<script>
    var vue = new Vue({
        el: '#app',
        data: {
            loginUser: {},
        },
        created() {
            this.loginUser = JSON.parse(sessionStorage.getItem("loginUser"))
        },
        methods: {
            logout(){
                sessionStorage.clear()
                window.location.href = "/"
            }
        }
    })
</script>

    <script>
        $(function() {
            $('.yf-js-keyword').click(function(e) {
                var keyword = $('input[name=search_key]').val();
                if (keyword == '' || keyword == null || keyword == undefined) {}
                var type = $('input[name=searchType]').val();
                console.log('type' + type);
                var url = '';
                if (type == 0) {
                    url = '/shop/index/index?code=plan&k=';
                } else {
                    url = '/shop/index/article?code=physical&k=';
                }
                url += encodeURI(keyword);
                location.href = url;
            });

            $('input[name=search_key]').bind('keypress', function(event) {
                if (event.keyCode == "13") {
                    var keyword = $('input[name=search_key]').val();
                    if (keyword == '' || keyword == null || keyword == undefined) {
                        //下面两行注释 不弹出提示框 20170116 lijing
                        //alert('请输入搜索的信息');
                        //return false;
                    }
                    var type = $('input[name=searchType]').val();
                    var url = '';
                    if (type == 0) {
                        url = '/shop/index/index?code=plan&k=';
                    } else {
                        url = '/shop/index/article?code=physical&k=';
                    }
                    url += encodeURI(keyword);
                    location.href = url;
                }
            });
            var img = $('.combo-dropdown li.option-selected').find("img").attr("src");
            $("#d_select").find('img').attr("src", img);
        });
    </script>

    <script>
        $(function() {
            $('.yf-js-search').click(function(e) {
                e.preventDefault();
                var url = '/shop/index/index?code=plan';
                var packageKind = $('input[name=package]').val();
                if (packageKind != 0) {
                    url += '&p=' + packageKind;
                }
                var price = $('input[name=price]').val();
                if (price != 0) {
                    url += '&pr=' + price;
                }
                var age = $('input[name=age]').val();
                if (age != 0) {
                    url += '&w=' + age;
                }
                var area = $('input[name=district]').val();
                if (area != 0) {
                    url += '&ar=' + area;
                }
                var sex = $('input[name=sex]:checked').val();
                if (sex != 0) {
                    url += '&se=' + sex;
                }
                location.href = url;
            });
        });
        //egg 提交定制
        $("#d_sub").click(function() {
            $(this).val("提交中...");
            var _this = $(this);
            var data = new Array();
            $("#made .option-selected").each(function() {
                var value = $(this).attr('data-value');
                if (value == 0) {
                    alert("请选择" + $(this).html());
                    _this.val("立即定制");
                    var mychar = document.getElementById("con");
                    mychar.style.display = "block";
                    return;
                }
                data.push(value);
            });
            var name = $("input[name='name']").val();
            var phone = $("input[name='tel']").val();
            if (name == "" || name == "undefined") {
                alert("请输入称呼");
                _this.val("立即定制");
                var mychar = document.getElementById("con");
                mychar.style.display = "block";
                return;
            }
            if (phone == "" || phone == "undefined") {
                alert("请输入电话");
                _this.val("立即定制");
                var mychar = document.getElementById("con");
                mychar.style.display = "block";
                return;
            }
            data.push(name);
            data.push(phone);
            $.ajax({
                url: "/home/index/personal_made",
                type: "post",
                dataType: "json",
                data: {
                    data: data
                },
                success: function(res) {
                    alert(res.content);
                    if (res.error == 1) {
                        _this.val("立即定制");
                    } else {
                        window.location.reload();
                    }
                },
            });
        });
    </script>
</body>

</html>